import * as React from 'react';
class Jxs extends React.Component{
     render() {
        return (
            <div className="c-react-home-wrap">
                <h2 onClick={()=>{
                    window.location.href='http://10.15.198.18:8090/pages/viewpage.action?pageId=3932983#id-%E3%80%90%E5%88%86%E4%BA%AB%E4%BC%9A1811%E3%80%9109-react%E8%84%9A%E6%89%8B%E6%9E%B6---create-reate-app-6.1%E3%80%81%E6%AD%A3%E5%B8%B8%E8%B7%AF%E7%94%B1'
                }}>正常路由使用</h2>
                <p>前端路由机制是目前构建单页应用（SPA）最重要的一环之一。通过前端路由我们可以优化用户体验，不需要每次都从服务器获取全部数据，从而快速将页面展现给用户。</p>
                <ul>
                    <li>
                        <h4 className="list-title">vue 路由主要依赖vue-router插件，具体写法如下：</h4>
                        <img src={require('$img/react/router-normal-vue.png')} alt=""/>
                    </li>
                    <li>
                        <h4 className="list-title"> react 路由主要依赖react-router-dom插件，具体写法如下:</h4>
                        <img src={require('$img/react/router-normal-react.png')} alt=""/>
                    </li>
                </ul>
                
            </div>
        );
    }
}

export default Jxs;
